<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<!DOCTYPE html>
<html lang="zh-ch">
<head>
<meta charset="utf-8">
<title>简洛订餐系统-个人中心</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">

<jsp:include page="/WEB-INF/views/inc/inc.jsp"></jsp:include>
</head>
<body style="zoom: 1; background-color: #e4e4e4;" >
	<jsp:include page="/WEB-INF/views/inc/Header.jsp"></jsp:include>
	<div class="container  padding" style="margin-top: 5px; background: rgba(18,30,165,0.2);">
       <div class="line">
           <div class="x2 bg-white radius padding-small">
                <jsp:include page="/WEB-INF/views/inc/LeftMenu.jsp"></jsp:include>
           </div>
           <div class="x10 padding-small-left ">
            <div class="bg-white x12 padding radius">
                <h1>个人中心</h1>
                <hr class="bg-main"/>
                <div class="bg border border-gray radius padding-big">
                    <div class="line">
                        <div class="x6">
                            <div class="line">
                                <div class="x2">
                                <img src="assets/images/usericondef.png" width="64" height="64" class="img-border radius-circle" />
                                </div>
                                <div class="x10">
                                    <h3><strong>${obj.userinfo.userName }</strong></h3>
                                    <p style="line-height: 38px;">安全等级：</p>
                                </div>
                            </div>
                        </div>
                        <div class="x6 border-small border-left padding-left">
                        <p>账户余额：</p>
                        <div><strong>${obj.userinfo.balance }</strong>元</div>
                        </div>
                    </div>
                    <div class="line">
                        <div class="x6">
                            <span class="icon-sun-o text-blue"></span> 积分：0点
                        </div>
                        <div class="x6">
                            <span class="icon-list-ul text-blue"></span> 完成订单：${obj.orderCount }张
                        </div>
                    </div>
                    <div class="line padding-top">
                        <div class="x6">
                            <span class="icon-star text-blue"></span> 收藏：0家餐厅 0份美食
                        </div>
                        <div class="x6">
                        </div>
                    </div>
                </div>
                
                <div class="bg border border-gray radius padding-big margin-small-top">
	                <div class="tab ">
					  <div class="tab-head">
					    <ul class="tab-nav">
					      <li class="active"><a href="#tab-start">最近订单</a></li>
					  </ul>
					  </div>
					  <div class="tab-body  tab-body-bordered">
					    <div class="tab-panel  active" id="tab-start">
					       <table class="table table-striped">
					            <thead>
					              <tr>
					                <th class="col-xs-2">时间</th>
					                <th class="col-xs-6">菜名</th>
					                <th class="col-xs-2">店铺</th>
					                <th class="col-xs-1">份数</th>
					                <th class="col-xs-1">金额</th>
					              </tr>
					            </thead>
					            <tbody>
					            <c:forEach var="item" items="${obj.orderslst }">
					              <tr>
					                <td>${item.orderTime }</td>
					                <td >${item.mname }</td>
					                <td >${item.menu.sname }</td>
					                <td >${item.quantity }</td>
					                <td>
					                  ${item.quantity * item.menu.munitprice}
					                </td>
					              </tr>
					             </c:forEach>
					            </tbody>
				            </table>
					    </div>
					  </div>
					</div>
                </div>
            </div>           
          </div>
       </div>
	</div>
	<jsp:include page="/WEB-INF/views/inc/Inc01.jsp"></jsp:include>
</body>
</html>